@import url("./normalize.css");

/* -- 表示在css中定义固定常量 */
:root {
	--color-text: #666;
	--color-high-text: #ff5777;
	--color-tint: #ff8198;
	--color-background: #fff;
	--font-size: 14px;
	--line-height: 1.5;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC","Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	user-select: none;	/* 禁止用户鼠标在页面上选中中文字/图片等 */
	-webkit-tap-highlight-color: transparent;	/* webkit是苹果浏览器引擎，tap点击，hight背景高亮，color颜色,颜色用数值调节 */
	background: var(--color-backgroud);
	color: var(--color-text);
	width: 100vw;
}

a {
	color: var(--color-text);
	text-decoration: none;
}

.clear-fix::after {
	clear: both;
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;	/* 将元素隐藏，但元素在网页中的位置还是占据着 */
}

.clear-fix {
	zoom: 1;		/* ;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 */
}

.left {
	float: left;
}

.right {
	float: right;
}